/*-----------------------------------------------------------*/

/*copyright by 动力无限  www.btoe.cn*/

/*邮箱 btoe@btoe.cn*/

/*合作电话 400-0599-360*/

/*版权所有违者必究*/

/*-----------------------------------------------------------*/





/*Generated by wjdhcms 3.0 */

@charset "utf-8";



::-webkit-scrollbar {

    width: 8px;

    height: 8px;

    background-color: #F5F5F5;

}



::-webkit-scrollbar-track {

    border-radius: 10px;

    background-color: #E2E2E2;

}



::-webkit-scrollbar-thumb {

    border-radius: 10px;

    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);

    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);

    background-color: #555;

}



 ::selection {

	background-color: #0074d4;

	color: #fff;

}



::-moz-selection {

	background-color: #0074d4;

	color: #fff;

}



::-webkit-selection {

	background-color: #0074d4;

	color: #fff;

}



#wjdh-kefu .wjdh-kefu-qq p,

#wjdh-kefu .wjdh-kefu-qq a,

#wjdh-kefu .wjdh-kefu-tel p,

#wjdh-kefu .wjdh-kefu-tel img,

#wjdh-kefu .wjdh-kefu-erweima img{

    box-sizing: content-box;

}

* {

    padding: 0;

    margin: 0;

    font-family: 'Microsoft YaHei', arial, helvetica, clean, sans-serif;

}



body {

    font: 14px/1.231 'Microsoft YaHei', arial, helvetica, clean, sans-serif;

    color: #333;

    margin: 0;

}

*:before, *:after {

    box-sizing: content-box;

}

:focus {

    outline: 1;

}



article,

aside,

canvas,

details,

figcaption,

figure,

footer,

header,

hgroup,

menu,

nav,

section,

summary {

    display: block;

}



a {

    color: #333;

    text-decoration: none;

}



a:link,

a:hover,

a:active,

a:visited {

    text-decoration: none;

}



ins {

    background-color: #ff9;

    color: #000;

    text-decoration: none;

}



mark {

    background-color: #ff9;

    color: #000;

    font-style: italic;

    font-weight: bold;

}



del {

    text-decoration: line-through;

}



table {

    border-collapse: collapse;

    border-spacing: 0;

}



hr {

    display: block;

    height: 1px;

    border: 0;

    border-top: 1px solid #cccccc;

    margin: 1em 0;

    padding: 0;

}



input,

select {

    vertical-align: middle;

}



li,

ul {

    list-style-type: none;

}



img {

    border: none;

}

input,textarea {

    outline: 0;

    border: 0;

    resize: none;

}







h1,

h2,

h3,

h4,

h5,

h6,

dl,

dd,

dt,

i,

em {

    font-weight: normal;

    font-style: normal;

}



.webqq_ewm{box-sizing: content-box;}





.fixedNav {

    position: fixed;

    top: 0px;

    left: 0px;

    width: 100%;

    z-index: 100000;

    _position: absolute;

    _top: expression(eval(document.documentElement.scrollTop));

   box-shadow: 0px 10px 12px rgba(0,0,0,.1);

}







html{

        cursor: url(../images/cur.png),

        default;

}



a{

   cursor: url(../images/Acur.png),

   default ;

}



textarea{

    animation: animated 1s infinite;

    -moz-animation: animated 1s infinite;

    -webkit-animation: animated 1s infinite;

    -o-animation: animated 1s infinite;

 

}



input[type="text"]{

     animation: animated 1s infinite;

    -moz-animation: animated 1s infinite;

    -webkit-animation: animated 1s infinite;

    -o-animation: animated 1s infinite;

}

input[type="button"]

{

   cursor: url(../images/Acur.png),

   default  !important;

}



input,button{

        outline: none;

}



@keyframes animated {

    0% {

        cursor: url('../images/Pcuro1.png'),

        auto;

    }



    8.8% {

        cursor: url('../images/Pcuro2.png'),

            auto;

    }



    17.6% {

        cursor: url('../images/Pcuro3.png'),

            auto;

    }



    26.4% {

        cursor: url('../images/Pcuro4.png'),

            auto;

    }



    35.2% {

        cursor: url('../images/Pcuro5.png'),

            auto;

    }



    44% {

        cursor: url('../images/Pcuro6.png'),

            auto;

    }



    52.8% {

        cursor: url('../images/Pcuro7.png'),

            auto;

    }



    61.6% {

        cursor: url('../images/Pcuro8.png'),

            auto;

    }



    70.4% {

        cursor: url('../images/Pcuro9.png'),

            auto;

    }



    79.2% {

        cursor: url('../images/Pcuro10.png'),

            auto;

    }



    88% {

        cursor: url('../images/Pcuro11.png'),

            auto;

    }



    100% {

        cursor: url('../images/Pcuro12.png'),

            auto;

    }



    

}







.wjdh-ico1,.wjdh-ico2{vertical-align: middle;}



.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled,.swiper-pagination-bullet{opacity: 1;}

.center{width:1200px;margin: auto;}

.hide{display: none;}

.clear{clear:both;}

.clears::after{content: "";display: block;clear: both;}

.empty{height: 1px;}



@-webkit-keyframes hvr-wobble-skew {

    16.65% {

        -webkit-transform: skew(-12deg);

        transform: skew(-12deg);

    }

    33.3% {

        -webkit-transform: skew(10deg);

        transform: skew(10deg);

    }

    49.95% {

        -webkit-transform: skew(-6deg);

        transform: skew(-6deg);

    }

    66.6% {

        -webkit-transform: skew(4deg);

        transform: skew(4deg);

    }

    83.25% {

        -webkit-transform: skew(-2deg);

        transform: skew(-2deg);

    }

    100% {

        -webkit-transform: skew(0);

        transform: skew(0);

    }

}

@keyframes hvr-wobble-skew {

    16.65% {

        -webkit-transform: skew(-12deg);

        transform: skew(-12deg);

    }

    33.3% {

        -webkit-transform: skew(10deg);

        transform: skew(10deg);

    }

    49.95% {

        -webkit-transform: skew(-6deg);

        transform: skew(-6deg);

    }

    66.6% {

        -webkit-transform: skew(4deg);

        transform: skew(4deg);

    }

    83.25% {

        -webkit-transform: skew(-2deg);

        transform: skew(-2deg);

    }

    100% {

        -webkit-transform: skew(0);

        transform: skew(0);

    }

}



/* header */

.header{

    height: 160px;

    box-sizing: border-box;

    position: relative;

    z-index: 3;

}

.header::before{

    content: "";

    display: block;

    width: 100%;

    height: 4px;

    background: #22a4fa;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 2;

}

.header .center{

    height: 100%;

    padding-left: 210px;

    box-sizing: border-box;

    position: relative;

}

.header1{
    width: 158px;
    height: 164px;
    background-color: #ffffff;
    box-shadow: 0 0 9px 1px rgba(21, 21, 21, 0.1);
    position: absolute;
    top: -4px;
    left: 0;
}

.header1 h1{
    width: 158px;
    height: 164px;
}

.header1 h1 a,.header1 h1 img{

    display: block;

    width: 100%;

    height: 100%;

}

.header2{

    width: 990px;

    height: 100%;

    padding-top: 24px;

    box-sizing: border-box;

}

.hea2-1{

    height: 77px;

    overflow: hidden;

    box-sizing: border-box;

    border-bottom: 1px solid #dddddd;

}

.hea2-11{

    float: left;

    height: 100%;

    padding: 4px 0 34px;

    box-sizing: border-box;

}



.hea2-11 h4{

    font-size: 14px;

    line-height: 14px;

    letter-spacing: 3px;

    color: #666666;

}



.hea2-11 h5{

    font-size: 16px;

    font-weight: bold;

    line-height: 18px;

    color: #666666;

    margin-top: 8px;

}



.hea_tel{

    float: right;

    height: 100%;

    margin-right: 76px;

    padding-bottom: 28px;

    box-sizing: border-box;

}



.hea_tel h5{

    height: 18px;

    font-size: 16px;

    line-height: 18px;

    color: #666666;

    padding-left: 28px;

    box-sizing: border-box;

    background: url("../images/phone.png") left center no-repeat;

}



.hea_tel p{

    font-family: Arial;

    font-size: 28px;

    font-weight: bold;

    line-height: 20px;

    color: #0074d4;

    margin-top: 10px;

}



/*导航开始*/

.webq_head_xx{ width:100%; height:auto;  }



.nav_xiala_xx{ width:100%; height:60px; background: #ffffff;}



.nav_xiala{ width: 100%; height: 60px; margin: 0 auto; }



.nav_xiala ul li{ float:left; width: auto; height: 60px;  text-align:center; font-size:16px; margin-right: 49px; position:relative; -webkit-transition: all .5s; transition: all .5s;}



.nav_xiala ul li:last-child{margin-right: 0;}



.nav_xiala ul li::after{content: "";display: block;width: 15px;height: 15px;margin-left: -7px;background: url("../images/nav_hot.png");position: absolute;bottom: -8px;left: 50%;transform: scale(0,0);transition: all .5s;}



.nav_xiala > ul > li > a{ display:block; color:#333333; height:60px; line-height:60px;  overflow: hidden;-webkit-transition: all .5s; transition: all .5s;}



.fixedNav .nav_xiala{width: 1200px;}



.fixedNav .nav_xiala ul li{width: 133px;margin-right: 0;}



.nav_xiala ul li:hover{ color:#0074d4;}



.nav_xiala ul li:hover > a{ color:#0074d4;   }



.nav_xiala ul li:hover::after{transform: scale(1,1);}



.nav_xiala .erji_xiala{  position:absolute; top:60px; left: 50%; margin-left: -80px; z-index:20;  height:0; visibility: hidden; width: 160px; /*和一级栏目一样宽度*/ }

.nav_xiala .erji_xiala i{ display: block; opacity: 0; border-bottom:1px solid rgba(255,255,255,0.35); background:#0074d4;  position:relative;  }

.nav_xiala .erji_xiala i a{ height: 40px; line-height: 40px;  font-size:14px; display: block; color:#FFF; padding: 0 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;  }

.nav_xiala .erji_xiala i a:hover{  color:#FFF;  }

.nav_xiala .erji_xiala i:hover{ background:#333333; }

.nav_xiala .erji_xiala i:hover a{color:#FFF;}/* 这个是三级菜单hover之后二级栏字体的颜色 */





.nav_xiala .erji_xiala i a{

    background: -webkit-linear-gradient(left, #333333, #333333) no-repeat;

    background: linear-gradient(to right, #333333, #333333) no-repeat;

    background-size: 0% 100%; -webkit-transition: all .5s; transition: all .5s;

}



.nav_xiala .erji_xiala i a:hover{

    background: -webkit-linear-gradient(left, #333333, #333333) no-repeat;

    background: linear-gradient(to right, #333333, #333333) no-repeat;

    background-size: 100% 100%;

}





.nav_xiala ul li:hover .erji_xiala{ height:auto; visibility: visible; }



.nav_xiala .erji_xiala i{ opacity: 0; transform: rotateY(90deg); transition:.5s;}



.nav_xiala ul li:hover .erji_xiala i{ opacity: 1;  transform: rotateY(0); }



.nav_xiala ul li:hover .erji_xiala i:nth-child(1){ transition-delay: 50ms;}

.nav_xiala ul li:hover .erji_xiala i:nth-child(2){ transition-delay: 100ms;}

.nav_xiala ul li:hover .erji_xiala i:nth-child(3){ transition-delay: 150ms;}

.nav_xiala ul li:hover .erji_xiala i:nth-child(4){ transition-delay: 200ms;}

.nav_xiala ul li:hover .erji_xiala i:nth-child(5){ transition-delay: 250ms;}

.nav_xiala ul li:hover .erji_xiala i:nth-child(6){ transition-delay: 300ms;}

.nav_xiala ul li:hover .erji_xiala i:nth-child(7){ transition-delay: 350ms;}

.nav_xiala ul li:hover .erji_xiala i:nth-child(8){ transition-delay: 400ms;}

.nav_xiala ul li:hover .erji_xiala i:nth-child(9){ transition-delay: 450ms;}

.nav_xiala ul li:hover .erji_xiala i:nth-child(10){ transition-delay: 500ms;}



.nav_xiala  .erji_xiala i:nth-child(1){ transition-delay: 500ms;}

.nav_xiala  .erji_xiala i:nth-child(2){ transition-delay: 450ms;}

.nav_xiala  .erji_xiala i:nth-child(3){ transition-delay: 400ms;}

.nav_xiala  .erji_xiala i:nth-child(4){ transition-delay: 350ms;}

.nav_xiala  .erji_xiala i:nth-child(5){ transition-delay: 300ms;}

.nav_xiala  .erji_xiala i:nth-child(6){ transition-delay: 250ms;}

.nav_xiala  .erji_xiala i:nth-child(7){ transition-delay: 200ms;}

.nav_xiala  .erji_xiala i:nth-child(8){ transition-delay: 150ms;}

.nav_xiala  .erji_xiala i:nth-child(9){ transition-delay: 100ms;}

.nav_xiala  .erji_xiala i:nth-child(10){ transition-delay: 50ms;}





.nav_xiala .sanji_xiala {  width: 165px; height:0px; visibility: hidden; position: absolute; top: 0px; left: 100%; /*和一级栏目一样left*/  }

.nav_xiala .sanji_xiala span{ border-bottom:1px dashed rgba(255,255,255,0.35); display: block; background:#0074d4; text-align: left; opacity: 0; }

.nav_xiala .sanji_xiala span a { height: 40px; line-height: 40px; display: block; color:#FFF; font-size:14px; padding-left: 10px; padding: 0 8px 0 15px;

    overflow: hidden;   white-space: nowrap; text-overflow: ellipsis; }

.nav_xiala .sanji_xiala span a:hover{  color:#FFF; padding-left: 25px; }





.nav_xiala .sanji_xiala span a{

    background: -webkit-linear-gradient(left, #0074d4, #0074d4) no-repeat;

    background: linear-gradient(to right, #0074d4, #0074d4) no-repeat;

    background-size: 100% 0%; -webkit-transition: all .5s; transition: all .5s;

}



.nav_xiala .sanji_xiala span a:hover{

    background: -webkit-linear-gradient(left, #0074d4, #0074d4) no-repeat;

    background: linear-gradient(to right, #0074d4, #0074d4) no-repeat;

    background-size: 100% 100%;

}





.nav_xiala .sanji_xiala_di{ background:url(../images/liqsub_ss.png) no-repeat center; width: 7px; height: 11px; position: absolute; top: 14px; right: 5px;}



.nav_xiala .erji_xiala i:hover .sanji_xiala{ height:auto; visibility: visible; }



.nav_xiala .sanji_xiala span{ opacity: 0; transform: rotateY(90deg); transition:.5s;}



.nav_xiala .erji_xiala i:hover .sanji_xiala span{ opacity: 1;  transform: rotateY(0); }

.nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(1){ transition-delay: 50ms;}

.nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(2){ transition-delay: 100ms;}

.nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(3){ transition-delay: 150ms;}

.nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(4){ transition-delay: 200ms;}

.nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(5){ transition-delay: 250ms;}

.nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(6){ transition-delay: 300ms;}

.nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(7){ transition-delay: 350ms;}

.nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(8){ transition-delay: 400ms;}

.nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(9){ transition-delay: 450ms;}

.nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(10){ transition-delay: 500ms;}







.nav_xiala > ul > li.another{ color:#0074d4;    }

.nav_xiala > ul > li.another::after{transform: scale(1,1)}

.nav_xiala > ul > li.another > a{  color:#0074d4;   }





/* footer */

.footer {

    width: 100%;

    height: auto;

    cursor: default;

    overflow: hidden;

    background-color: #312f2f;

}

.footer .center {

    height: auto;

    padding-top: 68px;

    box-sizing: border-box;

    background-color: #312f2f;

}

.footer1 {

    height: 96px;

    padding-bottom: 30px;

    box-sizing: border-box;

    border-bottom: 1px solid #444444;

}

.foo_main {

    width: 100%;

    height: 100%;

    overflow: hidden;

}

.foo_main li {

    float: left;

    width: 425px;

    height: 100%;

    overflow: hidden;

    padding: 6px 0 3px;

    box-sizing: border-box;

}

.foo_main li:last-child {

    width: 775px;

    padding-left: 32px;

    border-left: 1px solid #444444;

}

.foo_main li .foo_icon {

    float: left;

    width: 26px;

    height: 30px;

}

.foo_main li .foo_icon1 {

    background: url("../images/footer1.png") center no-repeat;

}

.foo_main li .foo_icon2 {

    background: url("../images/footer2.png") center no-repeat;

}

.foo_main li .foo_desc {

    float: left;

    width: calc(100% - 38px);

    height: 100%;

    margin-left: 12px;

    padding-top: 5px;

    box-sizing: border-box;

}

.foo_main li .foo_desc h5 {

    font-size: 20px;

    line-height: 20px;

    color: #fefeff;

}

.foo_main li .foo_desc p {

    font-size: 14px;

    line-height: 14px;

    color: #999999;

    margin-top: 18px;

}

.foo_main li .foo_desc p i {

    display: inline-block;

    vertical-align: top;

    font-family: Arial;

}

.footer2 {

    height: 306px;

    box-sizing: border-box;

    border-bottom: 1px solid #3e3d45;

}

.foo_nav {

    float: left;

    width: 620px;

    height: 100%;

    padding: 38px  0 96px;

    box-sizing: border-box;

}

.foo_nav li {

    float: left;

    width: 120px;

    height: 100%;

    margin-right: 65px;

    overflow: hidden;

}

.foo_nav li:nth-child(3) {

    width: 64px;

    margin-right: 120px;

}

.foo_nav li:last-child {

    width: 64px;

    margin-right: 0;

}

.foo_nav li h5 {

    font-size: 16px;

    line-height: 16px;

    color: #eeeeee;

    margin-bottom: 22px;

}

.foo_nav li p {

    font-size: 14px;

    line-height: 36px;

    color: #999999;

}

.foo_nav li p a {

    display: block;

    width: 100%;

    color: #999999;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    transition: all 0.5s;

}

.foo_nav li p:hover a {

    color: #ffffff;

}

.message {

    float: right;

    width: 460px;

    height: 100%;

    padding: 34px 0 62px;

    box-sizing: border-box;

}

.message > h5 {

    font-size: 18px;

    line-height: 18px;

    color: #ffffff;

    margin-bottom: 28px;

}

.input1 {

    float: left;

    width: 220px;

    height: 42px;

    margin: 0 20px 18px 0;

    box-sizing: border-box;

    border: solid 1px #444444;

}

.input1 input {

    display: block;

    width: 100%;

    height: 100%;

    font-size: 14px;

    line-height: 40px;

    color: #999999;

    padding: 0 8px;

    box-sizing: border-box;

    animation: none;

    background: transparent;

}

.input1 input::placeholder {

    color: #999999;

}

.input1 input::-webkit-input-placeholder {

    color: #999999;

}

.input1 input::-moz-placeholder {

    color: #999999;

}

.input1 input::-ms-input-placeholder {

    color: #999999;

}

.input2 {

    margin-right: 0;

}

.input3 {

    width: 460px;

    margin: 0 0 22px 0;

}

.input4 {

    width: 330px;

    height: 36px;

    border: 0;

}

.input4 img {

    float: left;

    display: block;

    width: 90px;

    height: 36px;

    cursor: pointer;

}

.input4 input {

    float: right;

    width: 220px;

    height: 34px;

    margin: 1px 0;

    border: solid 1px #444444;

}

.m_sub {

    float: left;

    display: block;

    width: 110px;

    height: 34px;

    font-size: 14px;

    line-height: 34px;

    color: #ffffff;

    cursor: pointer;

    background-color: #0074d4;

    -webkit-transform: perspective(1px) translateZ(0);

    transform: perspective(1px) translateZ(0);

    box-shadow: 0 0 1px rgba(0, 0, 0, 0);

}

.m_sub:hover {

    -webkit-animation-name: hvr-wobble-skew;

    animation-name: hvr-wobble-skew;

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

    -webkit-animation-iteration-count: 1;

    animation-iteration-count: 1;

}

.footer3 {

    height: 58px;

    font-size: 14px;

    line-height: 58px;

    color: #999999;

    overflow: hidden;

}

.footer3 .foo3-1 {

    float: left;

}

.footer3 .foo3-2 {

    float: right;

}

.footer3 a {

    color: #999999;

    transition: all 0.5s;

}

.footer3 a:hover {

    color: #ffffff;

}

.footer3 img {

    margin-left: 10px;

    vertical-align: middle;

}